import React, {FC} from 'react';
import "./index.less";

interface AdvSearchHelpProps {
}

const AdvSearchHelp: FC<AdvSearchHelpProps> = (props) => {
  return (
    <div className={"adv-search-help-container"}>

      <h4>如何正确编写检索表达式</h4>
      <div>
        <h5>1. 检索字段</h5>
        <table>
          <thead>
          <tr>
            <th>字段类型</th>
            <th>字段说明</th>
            {/* <th>模式</th>*/}
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>Abstract</td>
            <td>文章摘要</td>
            {/*  <td>分词检索，不匹配分词顺序，需全分词命中</td>*/}
          </tr>
          <tr>
            <td>Title</td>
            <td>文章标题</td>
            {/* <td>分词检索，不匹配分词顺序，需全分词命中</td>*/}
          </tr>
          <tr>
            <td>Keyword</td>
            <td>keywordsPlus(WOS) 或 作者关键字(WOS)</td>
            {/* <td>分词检索，顺序分词匹配，任意分词命中</td>*/}
          </tr>
          <tr>
            <td>Author</td>
            <td>文章作者姓名</td>
            {/*<td>
                姓名_短语检索，例：ai huaxi
                <br />
                或<br />
                姓名缩写_短语检索，例：ahx
                <br />
                或<br />
                名姓_短语检索，例：huaxi ai
              </td>*/}
          </tr>
          <tr>
            <td>Publication Name</td>
            <td>出版物名（期刊名）</td>
            {/* <td>分词检索，不匹配顺序，需全分词命中</td>*/}
          </tr>
          <tr>
            <td>Publication Years</td>
            <td>出版时间</td>
            {/* <td>全匹配，例：2022</td>*/}
          </tr>
          <tr>
            <td>DOI</td>
            <td>DOI</td>
            {/* <td>精确检索</td>*/}
          </tr>
          </tbody>
        </table>
      </div>

      <div>
        <h5>2. 字段检索示例</h5>
        <table>
          <thead>
          <tr>
            <th>字段类型</th>
            <th>示例</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>Topic</td>
            <td>
              文章摘要中出现的
              <a href="#C1" rel="external nofollow">
                单词
              </a>
              ，如：AB=(Myocardial infarction)
              <br/>
              文章摘要中出现的
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              ，如：AB=("Myocardial infarction") 或 AB="Myocardial infarction"
            </td>
          </tr>
          <tr>
            <td>Title</td>
            <td>
              文章标题中出现的
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              ，如：TI=‘hydrogel’
            </td>
          </tr>
          <tr>
            <td>Keyword</td>
            <td>
              文章keywords中出现的
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              ，如：ID="GELATIN METHACRYLATE"
            </td>
          </tr>
          <tr>
            <td>Author</td>
            <td>
              支持采用姓名全拼或首字母缩写进行检索，无论姓是否在前或是否采用连字符，如：
              <br/>
              检索"张三", 后续效果一致: AU="zhang san" 或 AU="san zhang"
              <br/>
              检索"张小平", 后续效果一致: AU="zhang xiaoping" 或 AU="zhang
              xiao-ping" 或 AU="xiaoping zhang"或AU="xiao-ping zhang"
            </td>
          </tr>
          <tr>
            <td>Publication Name</td>
            <td>
              期刊名全称或期刊名出出现的
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              ，如：SO="BIOACTIVE MATERIALS" 或 SO="JOURNAL OF ASIAN NATURAL
              PRODUCTS RESEARCH"
            </td>
          </tr>
          <tr>
            <td>Publication Years</td>
            <td>PY="2022"或 PY="Oct 1 2022"</td>
          </tr>
          <tr>
            <td>Doi</td>
            <td>DI="10.1080/21691401.2019.1623234"</td>
          </tr>
          </tbody>
        </table>
      </div>

      <div>
        <h5>3. 高级检索(自定义检索)</h5>
        {/*<p>
          <img src={example10}/>
        </p>*/}
        <p>支持以AND、OR、NOT三种逻辑运算符来组合添加多个检索条件</p>
        <table>
          <thead>
          <tr>
            <th>表达式示例</th>
            <th>说明</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>TI=(aa bb cc) AND AU=("xiao lei")</td>
            <td>
              文章标题中出现
              <a href="#C1" rel="external nofollow">
                单词
              </a>
              aa、bb、cc，文章作者为"xiao lei"
            </td>
          </tr>
          <tr>
            <td>TI=("aa bb cc") AND AU=("xiao lei")</td>
            <td>
              文章标题中出现
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              aa bb cc，文章作者为“xiao lei”
            </td>
          </tr>
          <tr>
            <td>
              TI=("aa bb cc") AND AU=("xiao lei1") AND AU=("xiao lei2") AND
              AU=("xiao lei3")
            </td>
            <td>
              文章标题中出现
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              aa bb cc, 文章作者中包含“xiao lei1”、“xiao lei2”、“xiao lei3”{' '}
            </td>
          </tr>
          <tr>
            <td>TI=(aa bb cc) AND AU=("xiao lei") NOT AU=("da qiang")</td>
            <td>
              文章标题中出现
              <a href="#C1" rel="external nofollow">
                单词
              </a>
              aa、bb、cc，文章作者为“xiao lei”，但不包含“da qiang”
            </td>
          </tr>
          <tr>
            <td>PY=(2022) AND AU=("du liang")</td>
            <td>文章发布日期为2022年，文章作者为“du liang”</td>
          </tr>
          <tr id="C1">
            <td>
              TI=("cancer") AND AU=("che guowei") AND AU=("zhou qinghua")
            </td>
            <td>
              文章标题中出现
              <a href="#C1" rel="external nofollow">
                短语
              </a>
              cancer，文章作者为“che guowei”和“zhou qinghua”
            </td>
          </tr>
          </tbody>
        </table>
      </div>

      <div>
        <h5>4. 检索模式</h5>
        <table>
          <thead>
          <tr>
            <th>检索模式</th>
            <th>说明</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>单词(分词)检索</td>
            <td>
              执行检索时，检索词会按空格进行分词 例：early childhood caries
              <br/>
              分词结果：“early” “childhood” “caries”
              <br/>
              内容中匹配所有分词结果，即命中。无顺序要求。
            </td>
          </tr>
          {/* <tr >
            <td>分词+顺序+全命中检索</td>
            <td>
              同上，但有分词顺序要求，且需所有分词全部命中，即所检索的词，必须在所检索字段均存在并且顺序也要一致
              <br />
              例： 检索词：hello huaxi 文章内容1：Hello, welcome come to huaxi
              <br />
              命中 文章内容2：It will not be hello huaxi 命中
              <br />
              文章内容3：2021-11 Huaxi Hello Day 无法命中(顺序不一致)
              <br />
              文章内容4：Hello you play to win 无法命中(未全命中)
            </td>
          </tr>*/}
          <tr>
            <td>短语检索</td>
            <td>
              短语形式检索，也即不会被分词 例：early childhood caries
              <br/>
              内容中完整的包含 early childhood caries 才命中
            </td>
          </tr>
          {/* <tr>
            <td>精确检索</td>
            <td>
              文本精确匹配检索 例：Doi检索：10.1080/21691401.2019.1623234
              <br />
              精确查询D0I为10.1080/21691401.2019.1623234的文章
            </td>
          </tr>*/}
          </tbody>
        </table>
      </div>

    </div>
  );
};

export default AdvSearchHelp;
